{{extend './index.html'}} {{block 'content'}}
<div class="am-cf am-padding am-padding-bottom-0">
	<div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">图片列表</strong> / <small>Table</small></div>
</div>

<hr>

<div class="am-g">
	<div class="am-u-sm-12 am-u-md-6">
		<div class="am-btn-toolbar">
			<div class="am-btn-group am-btn-group-xs">
				<a href="/image-add" class="am-btn am-btn-default"><span class="am-icon-plus"></span> 新增</a>
				<button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 保存</button>
				<button type="button" class="am-btn am-btn-default" onclick="publishMenu()"><span class="am-icon-archive"></span> 审核</button>
				<button type="button" class="am-btn am-btn-default" onclick="deleteMenu()"><span class="am-icon-trash-o"></span> 删除</button>
				<button type="button" class="am-btn am-btn-default" onclick="refreshMenu()"><span class="am-icon-refresh"></span> 刷新</button>
			</div>
		</div>
	</div>
	<div class="am-u-sm-12 am-u-md-3">
		<div class="am-form-group">
			<select data-am-selected="{btnSize: 'sm'}">
				<option value="option1">所有类别</option>
				<option value="option2">IT业界</option>
				<option value="option3">数码产品</option>
				<option value="option3">笔记本电脑</option>
				<option value="option3">平板电脑</option>
				<option value="option3">只能手机</option>
				<option value="option3">超极本</option>
			</select>
		</div>
	</div>
	<div class="am-u-sm-12 am-u-md-3">
		<div class="am-input-group am-input-group-sm">
			<input type="text" class="am-form-field">
			<span class="am-input-group-btn">
            <button class="am-btn am-btn-default" type="button">搜索</button>
          </span>
		</div>
	</div>
</div>

<div class="am-g">
	<div class="am-u-sm-12">
		<form class="am-form">
			<table class="am-table am-table-striped am-table-hover table-main">
				<thead>
					<tr>
						<th class="table-check"><input type="checkbox" /></th>
						<th class="table-id">序号</th>
						<th class="table-title">用户名</th>
						<th class="table-type">电话</th>
						<th class="table-author am-hide-sm-only">openid</th>
						<th class="table-date am-hide-sm-only">修改日期</th>
						<th class="table-set">操作</th>
					</tr>
				</thead>
				<tbody>
					{{if(data)}} {{each data}}
					<tr>
						<td><input type="checkbox" /></td>
						<td>{{$index+1}}</td>
						<td>
							<a href="#">{{$value.username}}</a>
						</td>
						<td>{{$value.phone}}</td>
						<td class="am-hide-sm-only">{{$value.openid}}</td>
						<td class="am-hide-sm-only">{{$value.create_date}}2014年9月4日 7:28:47</td>
						<td>
							<div class="am-btn-toolbar">
								<div class="am-btn-group am-btn-group-xs">
									<a class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span> 编辑</a>
									<a class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</a>
								</div>
							</div>
						</td>
					</tr>
					{{/each}} {{else}}
					<tr>
						<td><input type="checkbox" /></td>
						<td>1</td>
						<td>
							<a href="#">Business management</a>
						</td>
						<td>default</td>
						<td class="am-hide-sm-only">测试1号</td>
						<td class="am-hide-sm-only">2014年9月4日 7:28:47</td>
						<td>
							<div class="am-btn-toolbar">
								<div class="am-btn-group am-btn-group-xs">
									<button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span> 编辑</button>
									<button class="am-btn am-btn-default am-btn-xs am-hide-sm-only"><span class="am-icon-copy"></span> 复制</button>
									<button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</button>
								</div>
							</div>
						</td>
					</tr>
					{{/if}}

				</tbody>
			</table>
			<div class="am-cf">
				共 10 条记录
				<div class="am-fr">
					<ul class="am-pagination">
						<li class="am-disabled">
							<a href="#">«</a>
						</li>
						<li class="am-active">
							<a href="#">1</a>
						</li>
						<li>
							<a href="#">2</a>
						</li>
						<li>
							<a href="#">3</a>
						</li>
						<li>
							<a href="#">4</a>
						</li>
						<li>
							<a href="#">5</a>
						</li>
						<li>
							<a href="#">»</a>
						</li>
					</ul>
				</div>
			</div>
		</form>
	</div>
</div>
{{/block}}
{{block 'script'}}
<script src="../public/js/jquery-1.8.3.js"></script>
<script>
	var refreshMenu = () => {
		$.ajax({
			method: 'get',
			url: '/query-menu-list',
			data: {

			}
		}).then((data) => {
			console.info(data);
		}, () => {

		})
	}

	var deleteMenu = () =>{
		$.ajax({
			method: 'get',
			url: '/deleteMenu',
			data: {

			}
		}).then((data) =>{
			console.info(data);
		}, () => {

		})
	}

	var publishMenu = () =>{
		$.ajax({
			method: 'get',
			url: '/publish-menu',
			data: {

			}
		}).then((data) =>{
			console.info(data);
		}, () => {

		})
	}
</script>
{{/block}}